<script lang="tsx">
import { Component, Vue } from 'vue-property-decorator'

@Component({
  name: 'CarouselItem',
})
export default class extends Vue {
  render() {
    return (
      <div class='carousel__item'>
        { this.$slots.default }
      </div>
    )
  }
}
</script>

<style scoped>
  .carousel__item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
</style>
